<%-- 
    Document   : index
    Created on : Feb 8, 2012, 10:04:07 PM
    Author     : Waseem
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link rel="stylesheet" href="./css/main.css" type="text/css"/>
    </head>
    <body>
        <div class="filler">
            <div class="bg">
                <div class="main">
                    <div class="hdr">
                        <div class="logo">
                            <img src="./imgs/logo.png"/>
                        </div>

                        <div class="hdr_content_container">
                            <div class="acct_btns" style="margin-top : 10px;">
                                <div class="acct_btn">
                                    <a href="accountSettings.jsp">Account Settings</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="LoginServlet?action=logout">Log Out</a>
                                </div>
                            </div>

                            <div class="acct_btns" style="margin-top: 75px;">
                                <div class="acct_btn">
                                    <a href="dashboard.jsp">Home</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="calendar.jsp">Calendar</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="plans.jsp">Plans</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="data.jsp">Data</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="friends.jsp">Friends</a>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- hdr -->

                    <div class="container">
                        <div class="left_nav">
                            <div class="plan_nav">
                                <div class="plan_nav_link">
                                    <a href="planCreate.jsp">+Create Plan</a>
                                </div>
                                <div class="plan_nav_link">
                                    <a href="plans.jsp">+View Plans</a>
                                </div>
                                <div class="plan_nav_search">
                                    <form action="Plans?action=search" method="post">
                                        <div class="plan_nav_search_hdr">
                                            Search Plans:
                                        </div>
                                        <input type="text" name="" size="15"/>
                                        <input type="submit" value="Search!" name=""/>
                                    </form>
                                    <a href="plansearchpage.jsp">+Advanced Search</a>
                                </div>
                            </div>
                        </div>
                        <div class="page_body">
                            <div class="body_hdr">
                                <span>Make A Plan</span>
                            </div>
                            <div class="plancreate_container">
                                <form action="Plans?action=make" method="post">
                                    <div class="plancreate_name">
                                        Plan Name: <input type="text" name="PlanName"/>
                                    </div>
                                    <div class="plancreate_duration">
                                        Duration: <input type="text" name="Duration" size="2"/>
                                        Time Unit: <select name="DurationType">
                                            <option value="Day">Days</option>
                                            <option value="Week">Weeks</option>
                                            <option value="Month">Months</option>
                                        </select>
                                    </div>
                                    <div class="plancreate_privacy">
                                        <table>
                                            <tr>
                                                <td colspan="4" style="border-bottom:1px dotted green;">
                                                    <span>Privacy</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td>Private</td>
                                                <td>Friends</td>
                                                <td>Public</td>
                                            </tr>
                                            <tr>
                                                <th>Plan: </th>
                                                <td><input type="radio" name="SearchablePrivacy" value="Private"/></td>
                                                <td><input type="radio" name="SearchablePrivacy" value="Friends"/></td>
                                                <td><input type="radio" name="SearchablePrivacy" value="Public"/></td>
                                            </tr>
                                            <tr>
                                                <th>Results: </th>
                                                <td><input type="radio" name="ViewablePrivacy" value="Private"/></td>
                                                <td><input type="radio" name="ViewablePrivacy" value="Friends"/></td>
                                                <td><input type="radio" name="ViewablePrivacy" value="Public"/></td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="plancreate_tags">
                                        Tags: <input type="text" size="50" name="Tags"/>
                                    </div>
                                    <div class="plancreate_submit">
                                        <input type="submit" value="Continue"/>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- dashboard container -->
                </div>
                <!-- main -->
            </div>
            <!-- bg -->
        </div>
        <!-- filler -->
    </body>
</html>
